// 颜色
$theme-color1: #87d4eb;
$theme-color2: #e8f6fd;
$theme-color3: #fff;
$theme-color4: #3c3c3c;
$theme-color5: #fdb52b;
$theme-color6: #808080;
$theme-color7: #e5e5e5;
// 字体
$fontsize-1:25px;
$fontsize-2:22px;
$fontsize-3:20px;
$fontsize-4:17px;
$fontsize-5:14px;
$fontsize-5:12px;
$fontsize-5:10px;

// 间距 
// 上下边距和左右边距都是20px
$margin-verticle:20px;
$margin-horizon:20px;
$margin-mini:10px;
$border-radius:10px;
$border-radius-2:5px;

.van-nav-bar {
  background-color: $theme-color1;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.van-nav-bar .van-nav-bar__title,
.van-nav-bar .van-nav-bar__left .van-icon{
  color:#fff;
  font-size: 20px;
}
.van-nav-bar .van-nav-bar__right .van-nav-bar__text{
  color:#fff;
}

.commonWrap{
  padding: 10px;
  margin:20px ;
  background-color: $theme-color3;
  border-radius: $border-radius;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
  
}
.courseItmeWrap{
  overflow: hidden;
  .van-cell {
    font-weight: 600;
  }
  .wrap {
    height: 60px;
    padding: 10px;
    padding-top: 0;
    display: flex;
    position: relative;
    
    border-width:1px;
    .image {
      padding-right: 10px;
      img {
        width: 90px;
        height: 100%;
      }
    }
    .text {
      display: flex;
      flex-direction: column;
      width: 400px;
      .title {
        padding-bottom: 15px;
      }
      .teacher {
        font-size: 10px;
      }
    }
    .right-arrow {
      position: absolute;
      right: 5px;
       top: 21px;
       // 拓宽按键面积
       width: 100vw;
       height: 10vw;
       text-align: right;
       position: absolute;
       
    }
  }
}
.table-img {
  width: 100px;
  height: 60px;
}